* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.list-page nav {
  width: 100%;
  height: 0.88rem;
  background-color: #fff;
  padding: 0 0.3rem 0 0;
  position: fixed;
  top: 0;
  z-index: 2;
}
.list-page nav > img {
  height: 40%;
  display: block;
  float: left;
  margin: 0.26rem;
}
.list-page nav p {
  font-size: 0.3rem;
  line-height: 0.88rem;
}
.list-page nav div {
  display: flex;
  height: 0.88rem;
  position: relative;
  left: 18%;
}
.list-page nav div p {
  flex: 1;
  padding-left: 0.2rem;
  color: #3e5ec6;
}
.list-page nav div p span:first-of-type {
  font-weight: 700;
}
.list-page nav div p span:last-of-type {
  font-size: 0.36rem;
  font-family: '华文隶书';
  font-weight: 700;
}
.list-page nav div img {
  flex: 1;
  width: 0.4rem;
  max-width: 0.4rem;
  min-width: 0.4rem;
  margin: 0;
}
.list-page main {
  margin-top: 1.2rem;
}
.list-page main .section-one {
  width: 90%;
  margin: 0 auto;
}
.list-page main .section-one p {
  font-size: 0.28rem;
  padding: 0.2rem 0 0.3rem;
}
.list-page main .section-one p::before {
  content: "";
  display: inline-block;
  width: 0.1rem;
  height: 0.3rem;
  background-color: #3e5ec6;
  margin-right: 0.2rem;
  vertical-align: -14%;
}
.list-page main .section-one .swiper-container {
  width: 100%;
  height: 3rem;
  overflow: hidden;
}
.list-page main .section-one .swiper-container .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
}
.list-page main .section-one .swiper-container .swiper-slide {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  flex: 1;
}
.list-page main .section-one .swiper-container .swiper-slide img {
  width: 100%;
}
.list-page main .section-two {
  margin-top: 0.4rem;
}
.list-page main .section-two ul {
  width: 90%;
  margin: 0 auto;
}
.list-page main .section-two ul > p {
  font-size: 0.28rem;
  padding: 0.2rem 0 0.3rem;
}
.list-page main .section-two ul > p::before {
  content: "";
  display: inline-block;
  width: 0.1rem;
  height: 0.3rem;
  background-color: #3e5ec6;
  margin-right: 0.2rem;
  vertical-align: -14%;
}
.list-page main .section-two ul li {
  width: 100%;
  height: 2.8rem;
  margin-bottom: 0.4rem;
  background-color: #ccc;
  border-radius: 0.2rem;
  box-shadow: -0.02rem 0.02rem 0.1rem #eee;
  overflow: hidden;
  position: relative;
}
.list-page main .section-two ul li a {
  color: #000;
}
.list-page main .section-two ul li a p {
  width: 100%;
  padding: 0.2rem 0.2rem;
  font-size: 0.2rem;
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  bottom: 0;
}
.list-page main .section-two ul li a img {
  width: 100%;
  height: 100%;
}
.list-page main .section-three,
.list-page main .section-four {
  width: 90%;
  margin: 0 auto;
}
.list-page main .section-three p,
.list-page main .section-four p {
  font-size: 0.28rem;
  padding: 0.2rem 0 0.3rem;
}
.list-page main .section-three p::before,
.list-page main .section-four p::before {
  content: "";
  display: inline-block;
  width: 0.1rem;
  height: 0.3rem;
  background-color: #3e5ec6;
  margin-right: 0.2rem;
  vertical-align: -14%;
}
.list-page main .section-three ul li,
.list-page main .section-four ul li {
  width: 100%;
  height: 3.2rem;
  background-color: #eee;
  border-radius: 0.05rem;
  margin-bottom: 0.4rem;
  overflow: hidden;
}
.list-page main .section-three ul li img,
.list-page main .section-four ul li img {
  width: 100%;
}
.list-page main .section-four ul li {
  height: 2rem;
}
